<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>addition</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.js"></script>
    <script src="./js/fromVerify.js"></script>
    <script src="./js/classify.js"></script>
    <style>
        body{margin: 0;padding: 0;position: relative;}
        .box{border: solid #000 1px;position: absolute;top: 50px;left: 600px;background: #c0c4cc;width: 500px;padding-left: 100px;padding-top: 20px;}
    </style>
</head>
<body>
<div class="box container-fluid">
    <form name="namefrom">
        <div class="form-group">
            <label for="name">姓名：</label>
            <input id="name" type="text" class="form-control" name="name" placeholder="输入姓名" style="width: 300px" onkeyup="this.value=this.value.replace(/\s+/g,'')">
            <span id="sp"></span>
        </div>
        <div class="form-group">
            <label for="name">账号：</label>
            <input id="account" required type="text" class="form-control" name="account" placeholder="" style="width: 300px" onkeyup="this.value=this.value.replace(/\s+/g,'')">
            <span id="sp2"></span>
        </div>
        <div class="form-group">
            <label for="name">密码：</label>
            <input id="password" type="text" class="form-control" name="password" placeholder="6-12数字与字母组合，区分大小写" maxlength="12" style="width: 300px" onkeyup="this.value=this.value.replace(/\s+/g,'')">
            <span id="sp3"></span>
        </div>
        <div class="form-group">
            <label for="name">确认密码：</label>
            <input id="password2" type="text" class="form-control" name="password2" placeholder="" style="width: 300px" onkeyup="this.value=this.value.replace(/\s+/g,'')">
            <span id="sp4"></span>
        </div>
        <div class="form-group">
            <label for="name">手机号码</label>
            <input id="phoneNumber" type="text" class="form-control" name="phoneNumber" placeholder="不能为空" style="width: 300px" onkeyup="this.value=this.value.replace(/\s+/g,'')">
            <span id="sp5"></span>
        </div>
        <div class="form-group">
            <label for="name">权限</label><br>
            <input type="radio" name="radio" value="技术">技术&nbsp&nbsp
            <input type="radio" name="radio" value="设计">设计&nbsp&nbsp
            <input type="radio" name="radio" value="维护">维护&nbsp&nbsp
            <input type="radio" name="radio" value="管理">管理&nbsp&nbsp
        </div>
        <div class="form-group">
            <label for="name">备注</label>
            <textarea cols="35" rows="6" id="remark" name="remark" onkeyup="this.value=this.value.replace(/\s+/g,'')"></textarea>
        </div>
        <div class="form-group">
            <label for="submit"></label>
            <input id="submit" type="button" class="btn btn-info" value="添加" style="margin-right: 100px">
            <input id="cancel" type="button" class="btn btn-info" value="取消">
        </div>
    </form>
</div>
</body>
</html>